/**
 * Created by qingmai on 2017/2/17.
 */
var gulp = require('gulp'),
    config = require('../config'),
    sass = require('gulp-less'),
    cssmin = require('gulp-minify-css'),
    notify = require('gulp-notify'),
    plumber = require('gulp-plumber'),
    livereload = require('gulp-livereload'),
    changed = require('gulp-changed');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var cssnano = require('cssnano');


gulp.task('sasscss',function () {
    var plugins = [
        autoprefixer({browsers: ["ie 6-8","Firefox <= 8","Chrome <=8","unreleased versions","iOS 7"],cascade: false}),
        cssnano({zindex: false})
    ];
    return gulp.src(config.src.css)
        .pipe(plumber({errorHandler: notify.onError('有错误: <%= error.message %>')}))
        .pipe(changed(config.dest.css,{extension:'.less'}))
        .pipe(sass())
        .pipe(postcss(plugins))
        .pipe(cssmin())
        .pipe(gulp.dest(config.dest.css))
        .pipe(livereload())
})
gulp.task('sass',function () {
    livereload.listen();
    gulp.watch(config.src.css,['sasscss'])
})



// last 2 versions：每个浏览器的最后2个版本。
// last 2 Chrome versions：Chrome浏览器的最后两个版本。
// last 2 major versions：当前和以前主要版本的所有次要/补丁版本。
// last 2 iOS major versions：iOS Safari的当前和以前主要版本的所有次要/补丁版本。
// > 5%或者>= 5%：由全局使用统计信息选择的版本。
// > 5% in US：使用美国使用统计。它接受两个字母的国家代码。
// > 5% in alt-AS：使用亚洲地区使用统计。所有地区代码的列表可以在caniuse-lite/data/regions。
// > 5% in my stats：使用自定义使用数据。
// ie 6-8：选择包含范围的版本。
// Firefox > 20：Firefox的版本比20更新。
// Firefox >= 20：Firefox的版本较新的等于20。
// Firefox < 20：Firefox的版本小于20。
// Firefox <= 20：Firefox的版本小于等于20。
// Firefox ESR：最新的[Firefox ESR]版本。
// iOS 7：直接iOS浏览器版本7。
// extends browserslist-config-mycompany：从browserslist-config-mycompanynpm包中查询 。
// unreleased versions：每个浏览器的alpha和beta版本。
// unreleased Chrome versions：Chrome浏览器的alpha版和beta版。
// not ie <= 8：排除先前查询之前选择的浏览器。您可以添加not任何查询。